<extend name="Public/layout"/>

<block name="body">
    <div class="title">
        <h2>{$meta_title}</h2>
    </div>
    <duv class="row">
        <form action="__SELF__" method="post" class="form">
            <div class="form-group">
                <label class="item-label">幻灯片分组<span class="check-tips">（幻灯片分组）</span></label>
                <div class="controls">
                    <select name="group" class="form-control">
                        <volist name="slider_group_list" id="slider_group">
                            <option value="{$key}" 
                                <php>if($key == $info['group']) echo 'selected="selected"';</php> >
                                {$slider_group}
                            </option>
                        </volist>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="item-label">幻灯标题<span class="check-tips">（幻灯标题）</span></label>
                <div class="controls">
                    <input type="text" class="form-control" name="title" value="{$info.title|default=''}">
                </div>
            </div>
            <div class="form-group">
                <label class="item-label">图片<span class="check-tips">（幻灯背景图片）</span></label>
                <div class="controls">
                    <div id="upload"></div>
                    <div id="preview">
                        <input type="hidden" name="cover" value="{$info.cover}">
                        <img style="margin-top:8px;max-height:120px;" src="{$info.cover|get_cover}">
                    </div>
                    <link rel="stylesheet" type="text/css" href="__PUBLIC__/huploadify/huploadify.css">
                    <script type="text/javascript" src="__PUBLIC__/huploadify/huploadify.js" charset="utf-8"></script>
                    <script type="text/javascript">
                        $('#upload').Huploadify({
                            fileTypeExts:'*.jpg;*.png;*.gif',//允许上传的文件类型，格式'*.jpg;*.doc'
                            uploader:'{:U("Upload/upload")}',//文件提交的地址
                            auto:true,//是否开启自动上传
                            multi:false,//是否允许选择多个文件
                            formData:{dir:'image'},//发送给服务端的参数，格式：{key1:value1,key2:value2}
                            buttonText:'上 传 图 片',//上传按钮上的文字
                            onUploadComplete:function(file, data){
                                var data = $.parseJSON(data);
                                $('#preview img').attr('src', data.url);
                                $('#preview input').attr('value', data.id);
                            },
                            onUploadError:function(){
                                console.log('开始失败');
                            },
                            onInit:function(){
                                console.log('初始化');
                            },
                            onCancel:function(file){
                                console.log(file);
                            }
                        });
                    </script>
                </div>
            </div>
            <div class="form-group">
                <label class="item-label">链接<span class="check-tips">（链接）</span></label>
                <div class="controls">
                    <input type="text" class="form-control" name="url" value="{$info.url|default=''}">
                </div>
            </div>
            <div class="form-group">
                <label class="item-label">排序<span class="check-tips">（用于分组显示的顺序）</span></label>
                <div class="controls">
                    <input type="text" class="form-control" name="sort" value="{$info.sort|default=0}">
                </div>
            </div>
            <div class="form-group">
                <input type="hidden" name="id" value="{$info.id|default=''}">
                <button class="btn ajax-post"  type="submit" target-form="form">确 定</button>
                <button class="btn" onclick="javascript:history.back(-1);return false;">返 回</button>
            </div>
        </form>
    </div>
</block>
